<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<% String path=pageContext.getServletContext().getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>页面布局</title>
	<link rel="stylesheet" type="text/css" href="eazyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="eazyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="eazyui/demo/demo.css">
	<script type="text/javascript" src="eazyui/jquery.min.js"></script>
	<script type="text/javascript" src="eazyui/jquery.easyui.min.js"></script>
	<style type="text/css">
		a{ color:#999; text-decoration:none;}
		a:hover{ text-decoration:underline;}
		#menu li{
			padding:8px 20px;
			list-style:none;
			border-bottom:1px solid #AEEEEE;
		}
	</style>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">
	hello  <span style="color:red;">${sessionScope.users.user_name }</span>
</div>
	<div data-options="region:'west',split:true,title:'菜单'"  style="width:250px;">
		<div class="easyui-accordion" style="width:240px;margin:0 auto;padding:0" id="menu">
			<c:forEach items="${menuList }" var="menu">
				<div title="${menu.menuName }" style="padding:10px;">
					<c:forEach items="${menu.childrenMenuList }" var="children">
						<li><a href="<%=path %>/${children.menuUrl }" target="mainFrame">${children.menuName }</a></li>
					</c:forEach>
				</div>
			</c:forEach>
		</div>
	</div>
	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">用户权限管理系统</div>
	<div data-options="region:'center',title:'主页'">
	<iframe name="mainFrame" style="width:100%;min-height:600px;border:1px solid blue;padding:20px" src="<%=path %>/html/welcome.html"></iframe>
	</div>
</body>
</html>